<template>
	<view>
		<!-- background-image: url(../../static/zfb.png); -->
		<view style="height: 420upx;border-radius: 0upx 0upx  375upx 375upx/ 0 0 38upx 38upx;background-color: #FF5555;">
			<view style="text-align: center;font-size: 32upx;padding-top: 40upx;height: 100upx;line-height: 100upx;color: #fff;font-weight: 555;border-bottom: 1upx solid #EC3B29;">
				拼吧
			</view>
		</view>
		
		<view style="width: 700upx;height: 240upx;background-color: #fdfdfd;margin: -250upx auto 0;overflow: hidden;border-radius: 14upx;" @click="jumpto">
			<view style="margin: 30upx 20upx 20upx;font-size: 34upx;font-weight: 555;	">
				1000元区
			</view>
			<view style="margin: 20upx;font-size: 28upx;color: #CCCCCC;	">
				{{h}}:{{m}}:00场即将开始
			</view>
			<view style="margin: 20upx;font-size: 30upx;text-align: center;">
				<view type="default" style="width: 210upx;height: 70upx;background-color: #FF5555;border-radius: 40upx;line-height: 70upx;color: #fff;">立即参与</view>
			</view>
		</view>
		
		<view style="width: 700upx;height: 240upx;background-color: #fdfdfd;margin: 20upx auto 0;overflow: hidden;border-radius: 14upx;"  @click="jumpno">
			<view style="margin: 30upx 20upx 20upx;font-size: 34upx;font-weight: 555;	">
				2000元区
			</view>
			<view style="margin: 20upx;font-size: 28upx;color: #CCCCCC;	">
				{{h}}:{{m}}:00场即将开始
			</view>
			<view style="margin: 20upx;font-size: 30upx;text-align: center;">
				<view type="default" style="width: 210upx;height: 70upx;background-color: #FF5555;border-radius: 40upx;line-height: 70upx;color: #fff;">立即参与</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				h: 0,
				m: 0,
				s: 0,
			}
		},
		onLoad: function () {
			this.setAjax();
		},
		methods: {
			setAjax() {
				var myDate = new Date();
				this.h = myDate.getHours();
				this.m = myDate.getMinutes();
				this.s = myDate.getSeconds();
				this.m = this.m >= 50 ? 0 : Math.round(this.m/10)*10
				this.h = this.m >= 50 ? this.h + 1 : this.h
				// uni.request({
				// 	url: 'http://weipin.mygodmall.com/app/index.php?i=4&c=entry&m=ewei_shopv2&do=mobile&r=shop.category&app=1',
				// 	success: res => {
				// 	},
				// 	fail: () => {},
				// 	complete: () => {}
				// });
			},
			jumpto () {
				uni.navigateTo({
					url: './size'
				})
			},
			jumpno () {
				uni.showModal({
					title: '暂未开放',
				})
			}
		}
	}
</script>

<style>

</style>